<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251'>
<link rel='stylesheet' type='text/css' href='css/body.css'>
<link rel='stylesheet' type='text/css' href='css/table.css'>
<link rel='stylesheet' type='text/css' href='css/time_table_line.css'>
<title> manager </title>
</head>
<body>
    <script src='javascript/select_field.js' language='JavaScript'></script>
    <script src='javascript/project_user_tables.js' language='JavaScript'></script>
    <script src='javascript/time_table.js' language='JavaScript'></script>
    <script src='javascript/bottom_tables.js' language='JavaScript'></script>
    
    {% for t in time_table %}
        <script>
            var t_details = '{{ t.details }}'
            var t_user_id = '{{ t.user_id }}'
            var t_project_id = '{{ t.project_id }}'
            var t_date = '{{ t.date }}'
            var t_type_activity = '{{ t.type_activity }}'
            var t_time = '{{ t.time }}'
            var t_time_id = '{{ t.time_id }}'
            time_table.createTimeBranches(t_details, t_user_id, t_project_id, t_date, t_type_activity, t_time, t_details, t_time_id)
        </script>
    {% endfor %}
    {% for x in project_user %}
        <script>
            var x_project_name = '{{ x.project_name }}'
            var x_project_id = '{{ x.project_id }}'
            var x_user_name = '{{ x.user_name }}'
            var x_user_id = '{{ x.user_id }}'
            project_user_tables.createTablesTree(time_table, x_project_name, x_project_id, x_user_name, x_user_id)
        </script>
    {% endfor %}
    
    <div class='BaseForPage'>
        <div class='BaseForHead'>
            <div class='HeadLeftSide'>
                Timesheet: {{ manager_name }}
            </div>
            <div class='HeadRightSide'>
            </div>
        </div>

        <div class='BaseForMenu'>
            <div class='MenuElement'>
                <a href="{% url user %}">user</a>
            </div>
            <div class='MenuElement'>
                <a href="{% url manager_crud %}">CRUD</a>
            </div>
            <div class='MenuElement'>
                <a href='{% url auth_logout %}'>log out</a>
            </div>
            <div class='MenuEmptyBlock'>
            </div>
        </div>
        
        <div class='BaseForTables'>
            <div class='HSpaceBeforeSelectFields'>
            </div>
            <div class='BaseForSelectFields'>
                <div class='EmptyBlockSelectFields'>
                </div>
                <div id='project_select_div' name='project_select_div' class='ProjectSelectFields'>
                    project: ->...
                </div>
                <div id='user_select_div' name='user_select_div' class='UserSelectFields'>
                    user: ->...
                </div>
            </div>
            <div class='BaseForTopTables'>
                <div class='EmptyBlockBeforeTables'>
                </div>
                <div id='div_project' class='ProjectTable'>
                    <div class='Table'>
                        <div class='TableTitle'>
                            <center> project: </center>
                        </div>
                        <script>
                            project_user_tables.printProject('project_user_tables')
                        </script>
                    </div>
                </div>
                <div class='EmptyBlockBetweenTables'>
                </div>
                <div class='UserTable'>
                    <div id='div_user' class='Table'>
                        <div class='TableTitle'>
                            <center> user: </center>
                        </div>
                        <div class='TableCell'>
                            do selecting any project
                        </div>
                    </div>
                </div>
                <div class='EmptyBlockBetweenTables'>
                </div>
                <div class='TimeTable'>
                    <div class='TimeTableLine'>
                        <div class='TimeTableTitleDate'>
                            <center> Date </center>
                        </div>
                        <div class='TimeTableTitleActivity'>
                            <center> Activity </center>
                        </div>
                        <div class='TimeTableTitleTime'>
                            <center> Time </center>
                        </div>
                        <div class='TimeTableTitleDetails'>
                            <center> Details </center>
                        </div>
                    </div>
                    <div id='div_time_table' class='TimeTableDefaultLine'>
                    </div>
                </div>
            </div>
            <div id='div_bottom_tables' class='BaseForBottomTables'>
            </div>
        </div>
    </div>
</body>
</html>
